<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>创建您的 南声 ID</title>
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" href="./css/regist.css">
	</head>
	<body>
		<div id="app">
			<header>
				<h3>南声 ID</h3>
				<div>
					<span onclick="window.location.href='./login.html'">登录</span>
					<span>创建您的 南声 ID</span>
				</div>
			</header>
			<div id="head">
				创建您的 南声 ID
			</div>
			<section>
				<div>
					只需一个 南声 ID，您即可访问 南声 所有内容。
				</div>
				<div>
					已有 南声 ID？ <a class="loginHref" href="./login.html">在此登录</a>
				</div>
			</section>
			<div class="regInfo">
				<div>
					<input type="email" placeholder="注册邮箱" v-model="regInfo.email">
				</div>
				<div>
					<input type="password" placeholder="注册密码" v-model="regInfo.password">
				</div>
				<div>
					<input type="password" placeholder="确认密码" v-model="regInfo.rePass">
				</div>
				<div>
					<button @click="submitReg">继续</button>
				</div>
				<hr>
			</div>
			<footer>
				更多选购方式：查找你附近的 南声 Store 零售店及更多门店，或者致电 666-666-6666。
				Copyright © 2021 南声 Inc. 保留所有权利。隐私政策 使用条款 销售政策 法律信息 网站地图
			</footer>
		</div>


		<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
		<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
		<script src="./js/api.js"></script>
		<script>
			const app = new Vue({
				el: '#app',
				data: {
					regInfo: {
						email: '',
						password: '',
						rePass: ''
					}
				},
				methods: {
					submitReg() {
						if (this.regInfo.email.trim() == '' || this.regInfo.password.trim() == '' || this.regInfo.rePass
							.trim() == '') {
							alert("数据为空,不能提交");
						} else {
							if (this.regInfo.password != this.regInfo.rePass) {
								alert("两次输入密码不一致，请重新确认");
							} else {
								postRequest('http://localhost:8080/user/reg', this.regInfo)
									.then(resp => {
										if (resp.data) {
											if (resp.data.code == 200) {
												alert(resp.data.msg);
												window.location.href = './login.html';
											} else {
												alert(resp.data.msg);
											}
										}
									})
									.catch(err => {
										alert("错误");
									})
							}
						}
					}
				}
			})
		</script>
	</body>
</html>
